<template>
  <section class="map__tab" v-if="$parent.tabVisible">
    <el-popover
      placement="right"
      width="400"
      trigger="click">
      <el-table :data="gridData">
        <el-table-column width="150" property="date" label="日期"></el-table-column>
        <el-table-column width="100" property="name" label="姓名"></el-table-column>
        <el-table-column width="300" property="address" label="地址"></el-table-column>
      </el-table>
      <section class="map__tab--item" slot="reference">
        <i class="ty icon-kuangxuan" ></i>
        <section slot="reference">{{SupportPrompt.basedata.data.maptab.search}}</section>
      </section>
    </el-popover>
    <section class="map__tab--item">
      <i class="ty icon-kuangxuan"></i>
      <section>{{SupportPrompt.basedata.data.maptab.layer}}</section>
    </section>
    <section class="map__tab--item">
      <i class="ty icon-kuangxuan"></i>
      <section>{{SupportPrompt.basedata.data.maptab.parts}}</section>
    </section>
    <section class="map__tab--item">
      <i class="ty icon-kuangxuan"></i>
      <section>{{SupportPrompt.basedata.data.maptab.grid}}</section>
    </section>
  </section>
</template>

<script>
export default {
  name: 'map-tab',
  data() {
    return {
      gridData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }]
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>
